.btn-right .btn-style {
  margin-right: 10px;
}

.btn-right .btn-style:last-child {
  margin-right: 0;
}

.loopStyle(@counter) when (@counter > 0) {
  ._p-@{counter} {
    padding: (1px * @counter);
  }

  ._pt-@{counter} {
    padding-top: (1px * @counter);
  }

  ._pr-@{counter} {
    padding-right: (1px * @counter);
  }

  ._pb-@{counter} {
    padding-bottom: (1px * @counter);
  }

  ._pl-@{counter} {
    padding-left: (1px * @counter);
  }

  ._m-@{counter} {
    margin: (1px * @counter);
  }

  ._mt-@{counter} {
    margin-top: (1px * @counter);
  }

  ._mr-@{counter} {
    margin-right: (1px * @counter);
  }

  ._mb-@{counter} {
    margin-bottom: (1px * @counter);
  }

  ._ml-@{counter} {
    margin-left: (1px * @counter);
  }

  .fz-@{counter} {
    font-size: (1px * @counter);
  }

  .fw-@{counter} {
    font-weight: (100 * @counter);
  }

  .width-@{counter} {
    width: (10px * @counter);
  }

  .min-width-@{counter} {
    min-width: (10px * @counter) !important;
  }

  .height-@{counter} {
    height: (10px * @counter);
  }

  .min-height-@{counter} {
    height: (10px * @counter);
  }

  .linh-@{counter} {
    line-height: (1px * @counter);
  }

  .br-@{counter} {
    border-radius: (1px * @counter);
  }

  .gap-@{counter} {
    gap: (1px * @counter);
  }

  // 多行文本省略
  .ov-@{counter} {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: @counter;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }

  .loopStyle((@counter - 1));
}

.loopStyle(50);

// 弹性盒子
.disFlx {
  display: flex;
}
.flexAStart{
  align-items: flex-start;
}

// 弹性盒子，上下居中
.disFlxAC {
  display: flex;
  align-items: center;
}

// 弹性盒子，左右布局，上下居中
.disFlxJS {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flexCenter {
  justify-content: center;
}

.flexEnd {
  justify-content: flex-end;
}

.flexStart {
  justify-content: flex-start;
}

.flexCol {
  flex-direction: column;
}

.flexAEnd {
  align-items: flex-end;
}

.flexAStart {
  align-items: flex-start;
}

.disFlxCC {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flexWrap {
  flex-wrap: wrap;
}

.flexS0 {
  flex-shrink: 0;
}

.fontTC {
  text-align: center;
}

.cup {
  cursor: pointer;
}

.colorFFF {
  color: #ffffff;
}

.colorZS {
  color: #1890ff;
}

.container {
  min-height: calc(100vh - 200px);
  background: #ffffff;
  padding: 0 24px;
  box-sizing: border-box;
  border-radius: 10px;
}

.page-container {
  min-height: calc(100vh - 200px);
  width: 100%;
  background: #ffffff;
  padding: 25px;
  box-sizing: border-box;
  border-radius: 10px;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: #1890ff;
}

.link {
  text-decoration: underline; /* 默认显示下划线 */
  transition: text-decoration-color 0.3s ease; /* 平滑过渡 */
}

.custom-card {
  .ant-card {
    padding: 20px;

    .ant-card-head {
      border: 0;
      padding: 0;
      min-height: 0;
      margin-bottom: 20px;

      .ant-card-head-title {
        color: #1D2129;
        /* 20/CN-Medium */
        font-family: "PingFang SC";
        font-size: 20px;
        font-style: normal;
        font-weight: bold;
        line-height: 28px;
        /* 140% */
      }

      .ant-tabs {
        margin-bottom: -20px;

        .ant-tabs-tab {
          padding: 20px;
        }

        .ant-tabs-bar {
          border: 0;
          margin: 0;
          background: #f7f8fa;

          .ant-tabs-nav-container {
            font-size: 14px;
          }
        }
      }

      .ant-card-head-wrapper {
        .ant-card-head-title {
          padding: 0;
        }
      }
    }

    .ant-card-body {
      padding: 0;
    }
  }
}